$(() => {
    // 获取文件数据
    function getArticleCategory() {
        // 通过接口拿到后台数据
        $.get('/admin/category/list', (res) => {
            const list = res.data;
            // 利用模板引擎渲染页面
            const html = template('trTpl', {
                list
            });
            $('tbody').html(html);
        });
    };

    //  删除功能 
    $('tbody').on('click', '.delete', function () {
        const id = $(this).data('id');
        layer.confirm('您确定要删除吗？', {title: '提示',}, (index) => {
            $.post('/admin/category/delete', {id}, (res) => {
                layer.msg(res.msg);
                getArticleCategory();
            }, )
            layer.close(index);
        })

    });

    // 添加功能
    $('#btn_save1').click(function () {
        const name = $('input[name="name"]').val().trim();
        const slug = $('input[name="slug"]').val().trim();
        if (!name || !slug) {
            layer.msg('名称和别名不能为空！');
            return;
        }
        $.post('/admin/category/add', {
            name,
            slug
        }, (res) => {
            layer.msg(res.msg);
            getArticleCategory();
        });
        $('input[name="name"]').val('');
        $('input[name="slug"]').val('');
        $('#myModal').modal('hide');
    });

    // 编辑功能
    $('.table').on('click', '.edit', function () {
        $('#editModal').modal('show');
        const item = $(this).data('item');
        $('#name').val(item.name);
        $('#slug').val(item.slug);
        $('#editModal').data('id', item.id);
    });
    $('#btn_save2').click(() => {
        const params = {
            name: $('#name').val(),
            slug: $('#slug').val(),
            id: $('#editModal').data('id'),
        }
        $.post('/admin/category/edit', params, res => {
            layer.msg(res.msg);
            getArticleCategory();
        })
        $('#name').val('');
        $('#slug').val('');
        $('#editModal').modal('hide');
    })

    getArticleCategory();
})